<template>
  <div class="container">
    <div class="about">
      <b>关于我们</b>
      <p>
        本项目拟通过研究如何充分融合现有的知识资源，挖掘农业领域知识之间的内在关联关系，致力于构建准确、高覆盖、一致的大规模中文农业知识图谱，并进一步研究知识图谱在农业智能问答系统中的应用。
      </p>
      <b>使用介绍(帮助)</b>
      <p>1.用户点击上方导航栏后，可跳转到相应功能页面</p>
      <p>
        2.用户在首页输入框中输入想要查询的关键字后，按键盘上的“回车”键后，可跳转到“知识图谱”页面，该页面将会展示相应关键字的知识图谱
      </p>
      <p>
        3.首页输入框下方是本系统的一个“词云图”展示，用户可点击该“词云图”上的文字，实现快速跳转到该关键词的“知识图谱”页面
      </p>
      <p>
        4.“知识图谱”页面是一个类似于Neo4j(NOSQL图形数据库)的可视化界面，该界面的实现借助了Echarts插件，旨在为用户展示不同关键词(节点)之间的内在关联关系。
        用户点击子节点后，若该子节点下还有子节点，则可嵌套展示
      </p>
      <p>
        5.“对话机器人页面”是本项目的农业智能问答系统的实现部分，用户可输入与农业相关的一些问题或者实体，如果该问题或实体存在于后台数据文件当中，系统会自动返回相关数据
      </p>
    </div>
  </div>
</template>
<style scoped>
.container {
  width: 100%;
  height: 85vh;
  min-width: 870px;
  min-height: 640px;
  /* margin: 0px; */
  background: rgb(232, 232, 238) url("../assets/bg.svg") no-repeat fixed center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about {
  position: absolute;
  width: 850px;
  height: 600px;
  border: 1px solid #666;
  border-radius: 12px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.068);
  backdrop-filter: blur(5px);
  margin: 5px;
  padding: 10px;
}
.about p {
  text-indent: 2em;
}
.about b {
  /* text-align: center; */
  margin: auto;
  line-height: 30px;
  height: 30px;
}
</style>